<template>
	<div class="my">
		<!-- <Theader></Theader> -->
		<div class="wrapper" ref="wrapper">
			<div class="wrapper-content">
				<hslider></hslider>
				<novice></novice>
				<borrow></borrow>
				<money></money>
				<product></product>
				<life></life>
				<Tfooter></Tfooter>
			</div>
		</div>
		<!-- <navbar></navbar> -->
	</div>
</template>
<script>
import BScroll from 'better-scroll'
import Theader from '../../components/header.vue'
import hslider from '../home/components/hslider.vue'
import novice from '../home/components/novice.vue'
import borrow from '../home/components/borrow.vue'
import money from '../home/components/money.vue'
import product from '../home/components/product.vue'
import life from '../home/components/life.vue'
import Tfooter from '../../components/footer.vue'
import navbar from '../../components/navbar.vue'
export default{
	name:'my',
	props:{

	},
	components:{
		Theader,hslider,novice,borrow,money,product,life,Tfooter,navbar
	},
	data(){
		return{
			
		}
	},
	mounted(){
		this.creatScroll()
	},
	methods:{
		creatScroll(){
			this.$nextTick(() => {
	      if(!this.scroll){
	        this.scroll=new BScroll(this.$refs.wrapper,{
	        	click: true
	        })
	      }else{
	        this.scroll.refresh()
	      }
	    })
		}
	}
}
</script>
<style lang="stylus" scoped>
.my
	overflow:hidden
	position:absolute
	left:0
	top:50px
	right:0
	bottom:50px
	background:#f5f5f5	
	.wrapper
		height:100%

</style>